<template>
    <div class="home flex-container">
    </div>
</template>

<script  type="text/ecmascript-6">
    import Core from 'core/core'
    export default {
        name: "home",
        data() {
            return {
                stat: {

                }
            }
        },
        mounted: function () {

        },
        methods: {

        }
    }
</script>

<style scoped lang="scss">
    .home {
        padding-top: 10px;
        .home-container {
            .card-box-row {
                margin: 0 5px;
                .box-holder {
                    padding: 0 5px;
                    .box-card {
                        background: #fff;
                        padding: 20px;

                        .title-text {
                            display: -ms-flex;
                            display: flex;
                            -ms-align-items: center;
                            align-items: center;
                            color: rgba(0, 0, 0, 0.45);
                            font-size: 12px;
                            line-height: 18px;
                            img {
                                width: 18px;
                                height: 18px;
                                margin-right: 6px;
                            }
                        }

                        .number-text {
                            color: rgba(0, 0, 0, 0.85);
                            margin-top: 4px;
                            margin-bottom: 0;
                            font-size: 30px;
                            line-height: 38px;
                            height: 38px;
                            font-weight: 500;
                        }
                    }
                }
            }

        }
    }
</style>
